<template>
  <div>
     <!-- 头部 -->
    <van-nav-bar
      title="我的项目"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <!-- 我的项目 -->
    <!-- 判断有显示内容 -->
    <div id="detail" v-if="data.status == 1">
<van-cell is-link title="基础用法" @click="show = true" />
<van-action-sheet v-model="show" title="详情">
  <div class="content">内容</div>
</van-action-sheet>
    </div>
        <!-- 判断无显示内容 -->
      <div id="non" v-else>暂无信息</div>
  </div>
</template>
<script>
export default {
      data(){
      return{
        show:false,
        data:''
      }
    },
          mounted(){
  this.data=this.$store.state.userData
  console.log(this.data)

  },
  methods:{
    onClickLeft(){
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="less" scoped>

  .content {
    padding: 16px 16px 160px;
  }
#non {
  width: 100%;
  text-align: center;
  color: #888;
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</style>